<template>
  <el-row :gutter="10" class="monitor">
    <el-col :span="6">
      <todaySales></todaySales>
    </el-col>
    <el-col :span="6">
      <todayOrder></todayOrder>
    </el-col>
    <el-col :span="6">
      <todayUsers></todayUsers>
    </el-col>
    <el-col :span="6">
      <totalUsers></totalUsers>
    </el-col>
  </el-row>
</template>

<script lang="ts">
import todaySales from "./components/todaySales.vue"
import todayOrder from "./components/todayOrder.vue"
import todayUsers from "./components/todayUsers.vue"
import totalUsers from "./components/totalUsers.vue"
export default {
  name: "monitor",
  components: {
    todaySales,
    todayOrder,
    todayUsers,
    totalUsers,
  },
}
</script>

<style></style>
